display:none和visibility:hidden
display:none –让元素隐藏点击事件等失效,并且不占据空间,不影响布局
visibility:hidden –让元素不可见,占据空间,影响布局
区别:都是让元素不可见,它们不只是占不占空间的区别,visibility具有继承性,父元素hidden后子元素也会hidden但是单独设置visible也会显示出来,display:none则没有此效果
问题背景
写h5页面时,需要做一个table,但是并没有table的组件可以用,所以需要自己写,当时的设计需要只显示table的行的下边框
先给table设置 (直接设置行样式是无效的)
table{ border-collapse:collapse; }
这样就可以给行设置样式:
tr{ border-bottom:1px solid #000; }